<template>
    <span class="step_class">
      <a-steps  v-bind="$attrs">
        <template v-for="(index, name) in $slots" v-slot:[name]>
                <slot :name="name"></slot>
            </template>
      </a-steps>
    </span>

</template>

<script setup lang="ts">
import { defineProps } from 'vue';
const props = defineProps({
  width: {
    type: String,
    default: '328px'
  },
});
</script>

<style lang="less" scoped>
.step_class :deep(.arco-steps-item-title) {
  color: @base-color-1-text;

}
</style>
